import React from 'react';
import logo from './logo.svg';
import './App.css';
// 引入路由@5规则组件(规则+坑)
// import Rules from './router5/Index';

// 引入路由@6路由规则坑组件
import Rules from './router6/Index'
//导入路由6包
import { Link, NavLink } from 'react-router-dom'


function App() {
  return (
    <div className="App">
      {/* 声明式导航 */}
      <div>
        <NavLink to='/home'>首页</NavLink>
        <NavLink to='/category'>分类</NavLink>
        <NavLink to='/car'>购物车</NavLink>
        <NavLink to='/mine'>我的</NavLink>
      </div>

      {/*路由@5 只要路由5匹配,Rules就显示匹配到的组件  */}
      {/* <Rules></Rules> */}

      {/* 路由@6组件规则 */}
      <Rules></Rules>
    </div>
  );
}

export default App;
